<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
		<meta name="description" content="">
		<link rel="stylesheet" type="text/css" href="css/slick.css" />
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<link rel="stylesheet" type="text/css" href="css/all.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/iconfont/iconfont.css" />
		<title>首页</title>
		<style type="text/css">
			.swiper-lazy {
				display: inline-block;
				width: 100%;
				height: 200px;
			}
			.header {
				background: none;
				background: url(img/logo.png) no-repeat;
				background-size: cover;
			}
			
		</style>
	</head>

	<body>
		<div class="header">
			<div class="header-top">
				<!-- <img src="img/tel.jpg" class="fr"> -->
			</div>
			<!-- <a href="user-center.html"><span class="user"><i class="iconfont icon-person"></i></span></a> -->
		</div>
		<!--<div class="banner autoplay">
			<div>
				<a href="#" class="banner-img"><img src="img/banner1.png" alt=""></a>
			</div>
			<div>
				<a href="#" class="banner-img"><img src="img/banner1.png" alt=""></a>
			</div>
			<div>
				<a href="#" class="banner-img"><img src="img/banner1.png" alt=""></a>
			</div>
		</div>-->
		<div class="banner swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><a href="javascript:void(0)"><img class="swiper-lazy" data-src="img/banner1.png" alt=""></a></div>
                <div class="swiper-slide"><a href="delay.html"><img class="swiper-lazy" data-src="img/banner2.png" alt=""></a></div>
                <div class="swiper-slide"><a href="green.html"><img class="swiper-lazy" data-src="img/banner3.png" alt=""></a></div>
                <div class="swiper-slide"><a href="java.html"><img class="swiper-lazy" data-src="img/banner4.png" alt=""></a></div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
		<div class="menu">
			<ul class="clearfix">
				<li>
					<a href="green.html">
						<img src="img/icon1.png">
						<p class="menu-txt">php课程</p>
					</a>
				</li>
				<li>
					<a href="delay.html">
						<img src="img/icon2.png">
						<p class="menu-txt">HTML5课程<br>炫酷前端</p>
					</a>
				</li>
				<li>
					<a href="arrive.html">
						<img src="img/icon3.png">
						<p class="menu-txt">java课程<br>高大上</p>
					</a>
				</li>
				<li>
					<a href="teacher.html">
						<img src="img/icon4.png">
						<p class="menu-txt">资深讲师</p>
					</a>
				</li>
				<li>
					<a href="must-know.html">
						<img src="img/icon5.png">
						<p class="menu-txt">就业峰云榜</p>
					</a>
				</li>
				<li>
					<a href="self-report.html">
						<img src="img/icon6.png">
						<p class="menu-txt">走进京西</p>
				</li>
				</a>
			</ul>
		</div>
		<!-- <div class="brief">
			<h3 class="brief-tit">软件外包</h3>
			<div class="brirf-content clearfix">
				<a href="softcontent.html">
				<div class="bc-left fl">
					<img src="img/images.jpg">
				</div>
				<div class="bc-right fr">
					软件开发是京西软件的起点，现已经为全国多家大中型企业软件开发服务，项目涉及银行、保险、电信等。公司拥有一支高素质的人才队伍，有博士带队的研发团队，本科以上学历的员工占比超过80%。持续的技术积累，使得京西软件得到了长足的发展，已形成一整套标准化的项目管理和开发...
				</div>
			</a>
			</div>
		</div>
		<dl class="news">
			<dt class="news-tit">高端人才培训</dt>
			<dd class="news-content clearfix">
				<a href="green.html">
				<div class="nc-left fl">
					<img src="img/php.jpg">
				</div>
				<div class="nc-right fr">
					<h4 class="ncr-title">php课程培训</h4>
					<p class="ncr-top">PHP基础班课程介绍 一、 课程介绍 随着移动互联网的兴起，中国互联网行业进入了高速发展的...
					</p>
				</div>
				</a>
			</dd>
			<dd class="news-content clearfix">
			<a href="delay.html">
				<div class="nc-left fl">
					<img src="img/html5.png">
				</div>
				<div class="nc-right fr">
					<h4 class="ncr-title">html5课程培训</h4>
					<p class="ncr-top">课程大纲 基本功 HTML+CSS JavaScript基础 JS基本特效 JavaScript高级特性 jQuery基本使用 HTML进阶 Java...
					</p>
				</div>
			</a>
			</dd>
			<dd class="news-content clearfix">
			<a href="java.html">
				<div class="nc-left fl">
					<img src="img/java.jpg">
				</div>
				<div class="nc-right fr">
				<h4 class="ncr-title">java课程培训</h4>
					<p class="ncr-top">Java开发环境 编程语言基 面向对象思想 常用API I/O操作 多线程编程 网络编程 设计模式 特点：...
					</p>
				</div>
			</a>
			</dd>
		</dl>
		<dl class="news">
			<dt class="news-tit">精英师资</dt>
			<dd class="news-content clearfix">
				<div class="nc-left fl">
					<img src="img/">
				</div>
				<div class="nc-right fr">
					<h4 class="ncr-title">颜老师</h4>
					<a class="ncr-top">拥有7年php工作经验，精通PHP框架技术。在Web3.0前沿技术方面有着深入的研究，曾参与Shop EX核心模块开发。
					</a>
				</div>
			</dd>
			<dd class="news-content clearfix">
				<div class="nc-left fl">
					<img src="img/">
				</div>
				<div class="nc-right fr">
					<h4 class="ncr-title">郭老师</h4>
					<a class="ncr-top">主讲HTML5、CSS3、交互设计、原型设计与制作、Jquery、Ajax等课程。
					</a>
				</div>
			</dd>
			<dd class="news-content clearfix">
				<div class="nc-left fl">
					<img src="img/">
				</div>
				<div class="nc-right fr">
				<h4 class="ncr-title">王老师</h4>
					<a class="ncr-top">拥有7年JAVA软件开发工作经验，曾先后供职于方正国际、NEC、中国民航等大型专业软件公司从事Java软件系统的开发、分析、架构设计工作。近年随着云计算、移动互联网时代的来临，开...
					</a>
				</div>
			</dd>
		</dl> -->
		<div class="footer">
			<ul class="footer-page clearfix">
				<li class="page-item active">
					<a href="index.html">
						<i class="iconfont icon-index"></i>
						<p>首页</p>
					</a>
				</li>
				<li class="page-item">
					<a href="entrance.html">
						<i class="iconfont icon-computer"></i>
						<p>申请免费试听</p>
					</a>
				</li>
				<li class="page-item">
					<a href="ask.html">
						<i class="iconfont icon-ask"></i>
						<p>电话咨询</p>
					</a>
				</li>
				<li class="page-item">
					<a href="user-center.html">
						<i class="iconfont icon-person1"></i>
						<p>联系我们</p>
					</a>
				</li>
			</ul>
		</div>
		<script src="js/jquery.min.js"></script>
	    <script src="js/fastclick.js"></script>
		<script src="js/slick.min.js"></script>
		
		<script src="js/rem.js"></script>
		<script src="js/basic.js"></script>
		<script src="js/swiper.jquery.min.js"></script>
		<script>
			$(function() {
				$('.autoplay').slick({
				  slidesToScroll: 1,
				  autoplay: true,
				  autoplaySpeed: 2000,
				   dots:true,
				});
			});
		</script>
		<script >
		    $(function () {
		        var banner = new Swiper('.banner',{
		            autoplay: 5000,
		            pagination : '.swiper-pagination',
		            paginationClickable: true,
		            lazyLoading : true,
		            loop:true
		        });		
		    });
		</script>
	</body>
</html>